<!DOCTYPE html>
<html lang="en" ng-app="huoban">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>房屋详情</title>
    <link rel="stylesheet" type="text/css" href="../node_modules/normalize.css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="../style/findHouse.css" />
    <link rel="stylesheet" type="text/css" href="../style/base.css" />
    <link rel="stylesheet" type="text/css" href="../style/swiper.min.css"/>

</head>
<body class="housedetail" ng-controller="findHouse">
    <div class="housedetail-head">
        <a href="">
            <img src="../images/find/back_white.png" alt="" class="left detail-back" ng-click="back()">
        </a>
        <img src="../images/find/houseinformation_shoucang_not_select.png" class="right detail-right" alt=""/>
        <img src="../images/find/houseinformation_fenxiang.png" class="right detail-right" alt=""/>
    </div>
    <!-- 内容 -->
    <div class="housedetail-main clearfix">
        <p class="housedetail-common housedetail-tit housedetail-title">
            汇峰国际中心
            <a href="findCalculator.html"><img src="../images/find/houseinformation_calculator.png" class="right housedetail-calculator"></a>
        </p>
        <p class="housedetail-common housedetail-common1">
            <img src="../images/find/houseinformation_rent.png" alt=""/>
            <span class="housedetail-span">3.50元</span>/天/平米
        </p>
        <p style="border-right: none;" class="housedetail-common housedetail-common1">
            <img src="../images/find/houseinformation_sale_not.png" alt=""/>
            3.50元/天/平米
        </p>
        <p class="housedetail-common housedetail-common2">
            面积：500m<sup>2</sup>
        </p>
        <p style="border-right: none;" class="housedetail-common housedetail-common2">
            装修：精装修
        </p>
        <p style="font-weight: 400;" class="housedetail-common housedetail-tit">
            地址：长春市绿园区西安大路与春明街交汇处
        </p>
    </div>
    <!-- // 内容 -->
    <!-- 第二页房源信息 -->
    <div class="housedetail-no2">
        <p class="housedetail-tit1">房源信息</p>
        <p class="housedetail-no2-common housedetail-no2-common1">
            年总价：6万元/年
        </p>
        <p style="border-right: none;" class="housedetail-no2-common housedetail-no2-common1">
            面积：3533m<sup>2</sup>
        </p>
        <p class="housedetail-no2-common housedetail-no2-common1">
            租金：3.5元/m<sup>2</sup>/天
        </p>
        <p style="border-right: none;" class="housedetail-no2-common housedetail-no2-common1">
            物业费：3元/m<sup>2</sup>/天
        </p>
        <p class="housedetail-no2-common housedetail-no2-common1">
            取暖费：3.5元/平方米
        </p>
        <p style="border-right: none;" class="housedetail-no2-common housedetail-no2-common1">
            其他费用：
        </p>
        <p class="housedetail-no2-common housedetail-no2-common1">
            楼层：25层
        </p>
        <p style="border-right: none;" class="housedetail-no2-common housedetail-no2-common1">
            朝向：向北
        </p>
        <p class="housedetail-no2-common housedetail-no2-common1">
            大堂：3.8米
        </p>
        <p style="border-right: none;" class="housedetail-no2-common housedetail-no2-common1">
            电梯：6部客梯，1部货梯
        </p>
        <p class="housedetail-no2-common housedetail-no2-common2">
            开发商：吉林华通伟业房地产有限公司
        </p>
        <p class="housedetail-no2-common housedetail-no2-common2">
            物业服务商：长春市华伟物业管理有限公司
        </p>
        <p class="housedetail-no2-common housedetail-no2-common2">
            产权状况：60%开发商自持
        </p>
        <p class="housedetail-no2-common housedetail-no2-common2">
            交房时间：2017年02月10日
        </p>
        <div class="clearfix"></div>
        <!-- 查看图片 -->
        <div class="allimg clearfix">
            <img src="../images/find/houseinformation_image1.png" alt="`" style="margin-right: 4%;" class="free-img"/>
            <img src="../images/find/houseinformation_image2.png" alt="`" class="free-img"/>
        </div>
        <div class="housedetail-allp">
            <a href=""><p class="housedetail-p" id="xianshi">
                <img src="../images/find/daiti.png" alt="" style="width: 12px;" />
                查看全部（2/9）
            </p></a>
            <p class="housedetail-p1">
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
                恒丰国际位于长春南部中心区域。区域由一核、三带
            </p>
            <p class="housedetail-p2 more-message" ng-click="showMore()">
                更多信息
                <img src="../images/find/daiti1.png" alt="" style="vertical-align: middle; margin-bottom: 2px;"/>
            </p>
            <p class="housedetail-p2 hide hide-message" ng-click="hideMore()">
                收起信息
                <img src="../images/find/daiti1.png" alt="" style="vertical-align: middle; margin-bottom: 2px;"/>
            </p>

        </div>
    <!-- // 查看图片 -->
    </div>
    <!-- 基础设施 -->
    <div class="housedetail-sheshi">
        <p class="sheshi-tit">基础设施</p>
        <div class="housedetail-sheship">
            <p class="sheshi-p"><span class="sheshi-pspan">大堂</span>
                 <span class="sheshi-pspan1">举架3.5米</span>
            </p>
            <p class="sheshi-p"><span class="sheshi-pspan">电梯</span>
                 <span class="sheshi-pspan1">6部客梯，1部货梯</span>
            </p>
            <p class="sheshi-p"><span class="sheshi-pspan">餐厅</span>
                 <span class="sheshi-pspan1">远大中央空调</span>
            </p>
            <p class="sheshi-p"><span class="sheshi-pspan">空调</span>
                 <span class="sheshi-pspan1">地面免费停车200个，室内地下租赁停车场</span>
            </p>
            <p class="sheshi-p"><span class="sheshi-pspan">停车场</span>
                <span class="sheshi-pspan1">物业公司自营，600人同时用餐，有独立包房</span>
            </p>
        </div>
    </div>
    <!-- // 基础设施 -->
    <!-- 建筑科技 -->
    <div class="housedetail-keji">
        <p class="keji-tit">建筑科技</p>
        <div class="keji-main">
            <p id="show" class="keji-p">健康环保</p>
            <p class="keji-p">健康环保</p>
            <a href=""><p class="keji-p">健康环保</p></a>
            <a href=""><p class="keji-p">健康环保</p></a>
            <a href=""><p class="keji-p">健康环健康环保</p></a>
            <a href=""><p class="keji-p">健康环健康保</p></a>
            <a href=""><p class="keji-p">健康环保</p></a>
            <a href=""><p class="keji-p">健康环保</p></a>
            <a href=""><p class="keji-p">健康环保</p></a>
        </div>
    </div>
    <!-- // 建筑科技 -->
    <!-- // 第二页房源信息 -->

    <!-- 底栏 -->
    <div class="housedetail-dilanfu">
        <div class="housedetail-dilifu-brother"></div>
        <div class="housedetail-dilan">
            <p class="dilan-common dilan-left">
                立即咨询
            </p>
            <p class="dilan-common dilan-right">
                预约看房
            </p>
        </div>
    </div>
    <!-- // 底栏 -->
    <!-- 建筑科技点击显示隐藏 -->
    <div class="kejidianji hide ">
        <div class="kejidianji-main">
            <p class="kejidianji-tit">通信自动化系统</p>
            <p class="kejidianji-text">
                无线通信转发，移动、联通信号无线通信转发，移动、联通信号
                无线通信转发，移动、联通信号无线通信转发，移动、联通信号
                无线通信转发，移动、联通信号无线通信转发，移动、联通信号
                无线通信转发，移动、联通信号无线通信转发，移动、联通信号
            </p>
        </div>
        <img src="../images/index/close_white.png" alt="" id="hide" class="kejidianji-close"/>
    </div>
    <!-- // 建筑科技点击显示隐藏 -->
    <!-- 点击查看全部图片 -->
    <div class="chakanquanbu">
        <div class="cover"></div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../images/find/houseinformation_image1.png" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/houseinformation_image2.png" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/houseinformation_image1.png" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/houseinformation_image2.png" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/houseinformation_image1.png" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/houseinformation_image2.png" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/houseinformation_image1.png" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/houseinformation_image2.png" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/houseinformation_image1.png" alt=""/></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <!--<div class="swiper-button-next"></div>-->
            <!--<div class="swiper-button-prev"></div>-->
        </div>
    </div>


    <!-- // 点击查看全部图片 -->

</body>
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../node_modules/angular/angular.js"></script>
<script type="text/javascript" src="../node_modules/angular-ui-router.js"></script>
<script type="text/javascript" src="../js/main.js"></script>
<!-- 科技点击 js -->
<script type="text/javascript">
    $(document).ready(function() {
        $("#hide").click(function() {
            $(".kejidianji").hide();
        });
        $("#show").click(function() {
            $(".kejidianji").show();
        });
    });
    
    //控制滚动条位置
    $(function(){
        var navH = $(".housedetail-title").offset().top;
        $(window).scroll(function(){
        var scroH = $(this).scrollTop();
        if(scroH>0) {
            $('.housedetail-main').addClass('housedetail-main-scroll');
        }else{
             $('.housedetail-main').removeClass('housedetail-main-scroll');
        }
        if(scroH>=navH){
        $(".housedetail-title").addClass('fixed-title');
        }else if(scroH<navH){
        $(".housedetail-title").removeClass('fixed-title');
        }
        })
    })
</script>
<!-- // 科技点击 js -->

<!-- 查看全部图片js -->
<script src="../js/swiper.js"></script>

<!-- Initialize Swiper -->

<!-- // 查看全部图片js -->
<!-- 点击查看全部图片显示隐藏 -->
<script type="text/javascript">
    $(document).ready(function() {
        $(".chakanquanbu .cover").click(function() {
            $(".chakanquanbu").css('visibility','hidden');
            $(".chakanquanbu .cover").css('visibility','hidden');

        });
        $("#xianshi").click(function() {
//            $(".chakanquanbu").show();
            $(".chakanquanbu").css('visibility','inherit');
            $(".chakanquanbu .cover").css('visibility','inherit');
        });
    });
</script>
<script>
    var swiper = new Swiper('.swiper-container', {
//        nextButton: '.swiper-button-next',
//        prevButton: '.swiper-button-prev',
        pagination: '.swiper-pagination',
        paginationType: 'fraction'
    });
</script>
<!-- // 点击查看全部图片显示隐藏 -->

</html>